body{}

h1{ font-size: 4em; font-weight:bold;color:#088; text-shadow:0px 0px 25px white; }
h2{ font-size: 1.3em; font-weight:lighter; color:#033;text-indent:20px; text-shadow:0px 0px 20px white;}
hr{ border:none;border-bottom:1px dashed gray;border-top:1px dashed gray; width:100%;height:3px }

a{color:orange}


/*STRUCTURE*/
#bg{
    position:absolute;
    z-index:0;
    width:100%;
    height:100%;
}
#bg iframe{
    width:100%;
    height:100%;
}
#content{
    position:absolute;
    z-index:100;
    left:0px;
    right:0px;
    margin:0px auto;
    background:url("../img/aritial.png") no-repeat bottom center;
    height:100%;
}
/*MAIN*/
@-webkit-keyframes shine {
    0%{
         -webkit-box-shadow:    5px 5px 10px rgba(0,0,255,0.6),
                                -5px -5px 10px rgba(0,190,255,0.6),
                                -5px 5px 15px rgba(0,200,200,0.6),
                                5px -5px 15px rgba(155,0,200,0.6);
    }
    25%{
         -webkit-box-shadow:    5px 5px 10px rgba(155,0,200,0.6),
                                -5px -5px 10px rgba(0,0,255,0.6),
                                -5px 5px 15px rgba(0,190,255,0.6),
                                5px -5px 15px rgba(0,200,200,0.6);
    }
    50%{
         -webkit-box-shadow:    5px 5px 10px rgba(0,200,200,0.6),
                                -5px -5px 10px rgba(155,0,200,0.6),
                                -5px 5px 15px rgba(0,0,255,0.6),
                                5px -5px 15px rgba(0,190,255,0.6);
    }
    75%{
         -webkit-box-shadow:    5px 5px 10px rgba(0,190,255,0.6),
                                -5px -5px 10px rgba(0,200,200,0.6),
                                -5px 5px 15px rgba(155,0,200,0.6),
                                5px -5px 15px rgba(0,0,255,0.6);
    }
    100%{
         -webkit-box-shadow:    5px 5px 10px rgba(0,0,255,0.6),
                                -5px -5px 10px rgba(0,190,255,0.6),
                                -5px 5px 15px rgba(0,200,200,0.6),
                                5px -5px 15px rgba(155,0,200,0.6);
    }
}
#main article{
    height:auto;
    background:rgba(0,0,0,0.3);
    border-radius:10px;
    border: 5px solid rgba(0,0,0,0.5);
    margin-top:15px;
    -webkit-animation: 12s shine infinite
    }
output{
    border:1px solid;
    background:rgba(255,255,255,0.8);
    height:300px;
    margin:20px;
    overflow:hidden;
    border-radius:40px;
    padding:40px;
}
output h1{
    font-size:14px;
    color:red;
}
output p{
    font-size:12px;
    text-indent:20px;
    margin-bottom:5px;
}
/*HEADER*/
    header{
        height:120px;
    }
    header svg{
        position:absolute;
    }
/*NAVEGAÇÃO*/
    nav{
        margin-top:25px;
        background:#666;
        background-image:-webkit-gradient(linear, left top, left bottom,from(black),to(transparent),color-stop(0.1,gray),color-stop(0.2,rgba(255,255,255,0.3)));
        padding:20px;
        height:60px;
        border-radius:20px;
        -webkit-box-shadow:3px 3px 6px black;
    }
    nav a{
        position:relative;
        height:120px;
        width:100px;
        margin-left:20px;
        display:block;
        float:left;
        text-align:center;
    }
    nav svg{
        width:60px;
        height:60px;
        position:relative;
        display:block;
    }
    nav small{
        height:20px;
        opacity:0;
        -webkit-transition: opacity 200ms;
        text-shadow:0px -1px 1px black, 0px 1px 1px white;
    }
    nav a:hover small{
        opacity:1;
    }
/*FORMULÁRIO*/
    fieldset{
        border:none;
        margin:15px;
    }
    fieldset label{

    }
    fieldset input, fieldset textarea{
        border:1px solid;
        background:rgba(0,0,0,0.2);
        margin:10px;
        padding:10px;
    }
    fieldset textarea{
        border-radius:5px;
    }
    fieldset button{
        border:1px solid gray;
        background:black;
        color:#eee;
        padding:20px;
        margin:0px;
    }
    menu a{
        color:#f02;
        margin:15px;
    }
    menu a:hover{
        color:green;
    }
/*FOOTER*/
    footer{
        position:fixed;
        bottom:0px;
        text-align:center;
        background:black;
        color:white;
        height:20px;
        padding-top:10px;
        border-radius:20px 20px 0px 0px;
        -webkit-box-shadow:0px 0px 10px black;
    }
    footer details{
        color:white;
    }
